﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Demo</title>
        <link href="../../Scripts/JQuery_zTree_v3.3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"
            type="text/css" />
        <link href="../../Scripts/JQuery_zTree_v3.3/css/demo.css" rel="stylesheet" type="text/css" />
        <link href="Ctrl.css" rel="stylesheet" type="text/css" />
         <script src="../../Scripts/jquery-1.6.min.js" type="text/javascript"></script>
        <script src="../../Scripts/JQuery_zTree_v3.3/js/jquery.ztree.core-3.3.js" type="text/javascript"></script>
        <!--<script src="jquery.OrgPostEmpData.js" type="text/javascript"></script>-->
        <script src="jquery.DeptSelect.js" type="text/javascript"></script>
        <script src="jquery.OrgData.js" type="text/javascript"></script>
        <script src="jquery.OrgPostEmpData.js" type="text/javascript"></script>
        <script src="jquery.MultiUserSelect.js" type="text/javascript"></script>
        <script src="jquery.TreesSelect.js" type="text/javascript"></script>
        <style type="text/css">
            body {
                background-color: #F8F8FF;
            }
            
            #main {
                position: absolute;
                top: 100px;
                left: 36%;
                width: 400px;
                background-color: #F5FFFA;
            }
            
               #input_text{
                position: absolute;
                 
                font-size: 18px;
                width: 390px;
                height: 23px;
                border: 1px solid #C9C9C9;
            }
            
        </style>
        <script type="text/javascript">


        </script>
    </head>
    <body>
        <div id="main">
            <input type="text" SValue="" SText="" style="width:200px;" id="dept1" ctrlType="SingleUser"/>
            <input type="text" SValue="" SText="" id="Text2" style="width:200px;" ctrlType="SingleUser" />
            <input type="text" SValue="" SText="" id="dept2" ctrlType="Dept" />
            <input type="text" SValue="" SText="" id="user1" style="width:200px;" ctrlType="SingleUser" />
            <input type="text" SValue="" SText="" id="Text3" style="width:200px;" ctrlType="MultiUser" />
            E
            <input type="text" SValue="" SText="" id="Text1" ctrlType="TreeSelect" SelectMode="s" entity="V_PostData" />
            P
            <input type="text" SValue="" SText="" id="Text4" ctrlType="TreeSelect" SelectMode="m" entity="V_PostData" />
            D
            <input type="text" SValue="" SText="" id="Text5" ctrlType="TreeSelect" SelectMode="s" entity="V_Dept" />

            P
            <input type="text" SValue="" SText="" id="Text6" ctrlType="MultiPost" SelectMode="s" entity="V_Dept" />
            
            <input type="text" SValue="" SText="" id="user2" ctrlType="SingleUser"/>
            <div style="width:200px; background-color:#fff; float:left" type="text" SValue="" SText="" id="User3" ctrlType="Dept" contenteditable="true"></div>
        </div>
	       
       <div><ul id="DeptTree"  class='ztree'></ul> </div>
    </body>
</html>
 